<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="yes" name="apple-touch-fullscreen" />
  <meta content="telephone=no,email=no" name="format-detection" />
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no, viewport-fit=cover">
  <title>关爱平台</title>
  <style>
    .yd-pullrefresh-draghelp {
      display: none!important;
    }

    .loadding_shadow {
      width: 100%;
      background: rgba(255, 255, 255, .4);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      height: 100%;
    }

    .loadding_shadow .shadow {
      width: 150px;
      height: 20px;
      text-align: center;
      position: absolute;
      top: calc(50% - 20px);
      left: calc(50% - 75px);
    }


    .loadding_shadow .shadow span {
      display: inline-block;
      width: 15px;
      height: 100%;
      margin-right: 5px;
      background: #999;
      -webkit-animation: load 1.04s ease infinite;
      -moz-animation: load 1.04s ease infinite;
      -o-animation: load 1.04s ease infinite;
      animation: load 1.04s ease infinite;
    }

    .loadding_shadow .shadow span:last-child {
      margin-right: 0px;
    }

    @-webkit-keyframes load {
      0% {
        opacity: 1;
        -webkit-transform: scale(1.2);
      }
      100% {
        opacity: .2;
        -webkit-transform: scale(.2);
      }
    }

    @-moz-keyframes load {
      0% {
        opacity: 1;
        -moz-transform: scale(1.2);
      }
      100% {
        opacity: .2;
        -moz-transform: scale(.2);
      }
    }

    @-o-keyframes load {
      0% {
        opacity: 1;
        -o-transform: scale(1.2);
      }
      100% {
        opacity: .2;
        -o-transform: scale(.2);
      }
    }

    @keyframes load {
      0% {
        opacity: 1;
        transform: scale(1.2);
      }
      100% {
        opacity: .2;
        transform: scale(.2);
      }
    }

    .shadow span:nth-child(1) {
      -webkit-animation-delay: 0.13s;
      -moz-animation-delay: 0.13s;
      -o-animation-delay: 0.13s;
      animation-delay: 0.13s;
    }

    .shadow span:nth-child(2) {
      -webkit-animation-delay: 0.26s;
      -moz-animation-delay: 0.26s;
      -o-animation-delay: 0.26s;
      animation-delay: 0.26s;
    }

    .shadow span:nth-child(3) {
      -webkit-animation-delay: 0.39s;
      -moz-animation-delay: 0.39s;
      -o-animation-delay: 0.39s;
      animation-delay: 0.39s;
    }

    .shadow span:nth-child(4) {
      -webkit-animation-delay: 0.52s;
      -moz-animation-delay: 0.52s;
      -o-animation-delay: 0.52s;
      animation-delay: 0.52s;
    }

    .shadow span:nth-child(5) {
      -webkit-animation-delay: 0.65s;
      -moz-animation-delay: 0.65s;
      -o-animation-delay: 0.65s;
      animation-delay: 0.65s;
    }

    /*不显示页面上的cnzz图片*/
    #cnzz_stat_icon_1273406571 {
      display: none;
    }
    #cnzz_stat_icon_1273440472 {
      display: none;
    }
    
    /* iphonex 适配 */
    /*constant  函数  必须在 ios  < 11.2 才支持*/
    /*env 函数  必须在 ios >= 11.2 才支持*/
    @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
      body {
        min-height: 100%;
        padding-top: constant(safe-area-inset-top);     /* 为导航栏+状态栏的高度 88px */
        padding-top: env(safe-area-inset-top);          /* 为导航栏+状态栏的高度 88px */
        padding-left: constant(safe-area-inset-left);   /* 如果未竖屏时为0 */
        padding-left: env(safe-area-inset-left);        /* 如果未竖屏时为0 */
        padding-right: constant(safe-area-inset-right);    /* 如果未竖屏时为0 */
        padding-right: env(safe-area-inset-right);         /* 如果未竖屏时为0 */
        padding-bottom: constant(safe-area-inset-bottom);  /* 为底下圆弧的高度 34px */
        padding-bottom: env(safe-area-inset-bottom);       /* 为底下圆弧的高度 34px */
      }
    }
  </style>
</head>
<body>
  <script>
    (function () {
      let loadding = document.createElement('div')
      loadding.className = 'loadding_shadow'
      loadding.innerHTML = `<div class="shadow"><span></span><span></span><span></span><span></span><span></span></div>`
      document.body.appendChild(loadding)
      window.onload = function () {
        if (document.body.getElementsByClassName('loadding_shadow').length) {
          document.body.removeChild(loadding)
        }
      }
    })()
  </script>
  <script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    // // 测试用
    // document.write(unescape("%3Cspan id='cnzz_stat_icon_1273406571'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1273406571%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
    // 生产用
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1273440472'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1273440472%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script>
    //声明_czc对象:
    var _czc = _czc || [];
    // 绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
    // _czc.push(['_setAccount',siteid]);
    // _setAccount: 当您的页面上添加了多个CNZZ统计代码时，需要用到本方法绑定需要哪个siteid对应的统计代码来接受API发送的请求。
    //              未绑定的siteid将忽略相关请求。
    //  siteid: 绑定要接受API请求的统计代码siteid
    // //测试用
    //  _czc.push(["_setAccount", "1273406571"]); 
    // 生产用
    _czc.push(["_setAccount", "1273440472"]); 
   </script>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>
</html>